<style>
    #parking_lot_frame .k-detail-cell {
        padding:0 !important;
    }
    #parking_lot_frame .k-detail-row .k-hierarchy-cell {
        background: #ffffff;
        border-right:1px solid #B8D1E0;
    }
    .detail-info-div {
        background: #eaf0f3;
        height:80px;
        position: relative;
    }
    #parking_lot_frame .detail-info-vehicle {
        position: absolute;
        top:0; left:-30px;
        width:392px;
        bottom:0;
        border-right:1px solid #eeeeee;
        text-align: center;
    }
    #parking_lot_frame .detail-info-parking-space {
        position: absolute;
        top:0;
        right:0;
        left:362px;
        width:422px;
        bottom:0;
        text-align: center;
    }
    .detail-info-vehicle-count {
        float: left;
        height:60px;
        width:80px;
        padding:10px;
        padding-left:15px;
        padding-right:15px;
        text-align:center;
        background:#EAF0F3;
        display:inline-block;
        border-right:1px dashed #cccccc;
    }
    .detail-info-vehicle-count .title {
        font-size:12px;
        margin:0px;
        display:block;
        color:#37617B;
    }
    .detail-info-vehicle-count .value {
        display:block;
        margin:0;
        margin-top:12px;
        font-size:26px;
        font-family:'华文新黑';
        color:#37617B;
    }
    .detail-info-vehicle-list {
        float:left;
        height:70px;
        width:280px;
        padding:5px 0px;
        padding-left:30px;
        display:inline-block;
        overflow-y:auto;
        overflow-x:hidden;
        background: #EAF0F3;
        border-right:1px solid #81B6D6;
    }
    .detail-info-vehicle-list ul {
        margin:0;
        padding:0;
    }
    .detail-info-vehicle-list ul li {
        font-size:12px;
        text-align: left;
        list-style: disc;
    }
#parking_lot_frame .detail-info-vehicle .detail-info-vehicle-list{
        width:250px;
}
</style>
<article id="parking_lot_frame" style="height:100%">
    <div class="search-panel">
        <div class="search-text">
            <label>车主姓名：</label>
            <input class="k-textbox" type="text" data-bind="value:ownerName" />
        </div>
        <div class="search-text">
            <label>车主电话：</label>
            <input class="k-textbox" type="text" data-bind="value:ownerPhone" />
        </div>
        <div class="search-text">
            <label>车牌号：</label>
            <input class="k-textbox" type="text" data-bind="value:vehicleNumber" />
        </div>
        <div class="search-text">
            <label>车位号：</label>
            <input class="k-textbox" type="text" data-bind="value:spaceCode" />
        </div>
        <div class="search-Btn">
            <button data-bind="click:find_data">查询</button>
            <button data-bind="click:reset">重置</button>
        </div>
    </div>
    <div id="parking_lot_list" style="height:calc(100% - 65px)"></div>
</article>
<script src="views/parkLotCenter/parkingLotInfo/js/parking_log/parking_lot_manager.js"></script>
<script>
    var parkingSpace = new ParkingLogManager($('#parking_lot_frame'));
</script>